﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>ASP TEST PPAGE</title>
    <link rel="stylesheet" href="Styles/jquery.mobile-1.0.1.css" />
	<link rel="stylesheet" href="Styles/jqm-docs.css" />
	<script type="text/javascript" src="Scripts/jquery.js"></script>
	<script type="text/javascript" src="Scripts/jquery.mobile-1.0.1.min.js"></script>

	<script type="text/javascript" src="Scripts/jquery.mobile.themeswitcher.js"></script>
	<script type="text/javascript" src="Scripts/jqm-docs.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <%--<div data-role="page" class="type-home">
        <div data-role="content">
            <div data-role="header" class="content-primary">
                <h1>
                    Its a FORM FoooOOoool....
                </h1>
            </div>
            <div class="content-primary" data-theme="b">
                <asp:Label runat="server" ID="HelloWorldLabel"></asp:Label>
                <asp:Button runat="server" ID="GreetButton" Text="Say Hello!" />
            </div>
        </div>
    </div>--%>
    <div data-role="page" data-theme="c">
        <div data-role="header">
            <h1>
                Test H1 Title</h1>
        </div>
        <div data-role="content">
            <asp:Label runat="server" ID="HelloWorldLabel"></asp:Label>
            <ul data-role="listview" data-inset="true">
                <li data-role="list-divider">Welcome to Test Page</li>
                <li><a href="admin/Layout.aspx">Layout</a></li>
                <li><a href="Order/Order.aspx" data-transition="fade">Order</a></li>
                <li><a href="#about">About</a></li>
            </ul>
        
            <%--<div class="ui-grid-d">
                <div class="ui-block-a">
                
                    <div class="ui-bar ui-bar-e" style="margin: 8px 8px 8px 8px;position:relative; border-color: black; text-align: center; height: 60Px; border-width: thick">
                    <div id ="1" style="position:absolute;  top:30%;">
                      
                        <button class="ui-btn-text" type="submit" data-theme="c" > 
                        ABCDEFGHIJKLMNOPQRSTUVWXYZ 
                        </button>
                    </div>
                    </div>
                </div>
                <div class="ui-block-b">
                    <div class="ui-bar ui-bar-e" style="margin: 8px 8px 8px 8px; text-align: center; border-color: black">
                        Block B</div>
                </div>
                <div class="ui-block-c">
                    <div class="ui-bar ui-bar-e" style="margin: 8px 8px 8px 8px; text-align: center; border-color: black">
                        Block C</div>
                </div>
                <div class="ui-block-d">
                    <div class="ui-bar ui-bar-e" style="margin: 8px 8px 8px 8px; text-align: center; border-color: black">
                        Block D</div>
                </div>
                <div class="ui-block-e">
                    <div class="ui-bar ui-bar-e" style="margin: 8px 8px 8px 8px; text-align: center; border-color: black">
                        Block D</div>
                </div>
            </div>
            --%>
            <fieldset class="ui-grid-z">
                <div id="DIVE1" class="ui-block-a" >
                    <button type="submit" data-theme="e" style="width:100;height:100">
                        ABCDEFGHIJKLMNOPQRSTUVWXYZ</button></div>
                <div class="ui-block-b" >
                    <button type="submit" data-theme="a">
                        button2</button></div>
                <div class="ui-block-c">
                    <button type="submit" data-theme="b">
                        button3</button></div>
                <div class="ui-block-d">
                    <button type="submit" data-theme="b">
                        button3</button></div>
                <div class="ui-block-d">
                    <button type="submit" data-theme="b">
                        button4</button></div>
            </fieldset>
            
        </div>

        
        <div data-role="footer">
            <h4>
                This is page bottom.</h4>
        </div>
    </div>
    <div data-role="page" id="about" data-theme="e">
        <div data-role="header">
            <h1>
                About</h1>
        </div>
        <div data-role="content">
            <p>
                This is demo content.
            </p>
        </div>
        <div data-role="footer">
            <h4>
                Page Footer</h4>
        </div>
    </div>
    </form>
</body>
</html>
